const light = (colors) => ({
  'main-bg': colors.white,
  'main-text': '#303133',
  'header-bg': colors.white,
  'menu-text': '#303133',
  'border-b': colors.gray[200],
  'btn-border': colors.gray[300],
  'footer-bg': colors.gray[200],
  'footer-text': colors.gray[900],
  'separator-bg': colors.gray[200],
  'logo-text': colors.black,
  'menu-active-text': colors.blue[500],
  'collapse-bg': colors.gray[100],
});

const dark = (colors) => ({
  // 'main-bg-dark': colors.gray[800],
  'main-bg-dark': '#1f1f1f',
  'main-text-dark': '#e4e4e7',
  'text-dark': colors.white,
  'header-bg-dark': '#1f1f1f',
  'menu-hover-dark': colors.gray[500],
  'border-b-dark': colors.gray[500],
  'menu-text-dark': '#e4e4e7',
  'separator-bg-dark': colors.gray[500],
  'logo-text-dark': colors.slate[50],
  'footer-bg-dark': '#333333',
  'footer-text-dark': colors.gray[100],
  'menu-active-text-dark': colors.blue[500],
  'collapse-bg-dark': colors.gray[800],
});

module.exports = { light, dark };
